<template>
  <div>
    <basic-container>内容管理 / 书籍管理 / 章节管理</basic-container>
    <basic-container>
      <avue-crud ref="crud" :data="data" :option="option" :page.sync="page"></avue-crud>
    </basic-container>
  </div>
</template>

<script>
export default {
  data() {
    return {
      page: {
        total: 1,
      },
      type: true,
      data: [],
      option: {
        addBtn: false,
        editBtn: true,
        viewBtn: true,
        delBtn: false,
        searchBtn: true,
        refreshBtn: true,
        excelBtn: true,
        border: true,
        column: [
          {
            label: "章节id",
            prop: "id",
            type: "input",
            span: "章节id",
            gutter: "id",
            search: true,
            addDisplay: false,
            editDisplay: false,
            addDisabled: true,
            editDisabled: true,
            readonly: true,
          },
          {
            label: "章节名称",
            prop: "sectionName",
            type: "input",
          },
          {
            label: "章节内容",
            prop: "sectionMessage",
            type: "textarea",
            hide: true,
            search: false,
            placeholder: "请输入章节内容",
            addDisplay: false,
            editDisplay: true,
            addDisabled: true,
          },
          {
            label: "章节字数",
            prop: "sectionWordNumber",
            type: "input",
            addDisplay: false,
            editDisplay: false,
            addDisabled: true,
            editDisabled: true,
            readonly: true,
          },
          {
            label: "章节顺序",
            prop: "sectionOrder",
            type: "input",
            addDisplay: false,
            editDisplay: false,
            addDisabled: true,
            editDisabled: true,
            readonly: true,
          },
          {
            label: "创建时间",
            prop: "createTime",
            type: "input",
            addDisplay: false,
            editDisplay: false,
            addDisabled: true,
            editDisabled: true,
            readonly: true,
          },
          {
            label: "最后操作信息",
            prop: "lastOperationMessage",
            type: "input",
            addDisplay: false,
            editDisplay: false,
            addDisabled: true,
            editDisabled: true,
            readonly: true,
          },
        ],
      },
    };
  },
  methods: {},
};
</script>